<template>
  <div id="Pmanagement">
    <Header></Header>
    <Nav></Nav>
    <span class="headertitle">课题管理</span>
      <el-card class="box-card">
        <ul>
          <li @click="release"><img src="@/assets/images/课题发布@2x.png" alt=""><p>课题发布</p></li>
          <li @click="classStarts"><img src="@/assets/images/课题开课@2x.png" alt=""><p>课题上报</p></li>
          <li @click="Review"><img src="@/assets/images/立项评审@2x.png" alt=""><p>立项评审</p></li>
          <li @click="Closingreview"><img src="@/assets/images/结题评审@2x.png" alt=""><p>结题评审</p></li>
        </ul>
      </el-card>

      <el-card class="topic">
        <ul>
          <li><img src="@/assets/images/课题配额@2x.png" alt="" @click="addquota()"><p>课题配额</p></li>
          <li><img src="@/assets/images/审批申请@2x.png" alt=""><p>审批申请</p></li>
        </ul>
      </el-card>
  </div>
</template>

<script>
import Header from '@/components/Header.vue'
import Nav from '@/components/Nav.vue'
export default {
  data(){
    return {

    }
  },
  components:{
    Header,
    Nav
  },
  methods:{
    Review(){
      this.$router.push('/review')
    },
    classStarts(){
      this.$router.push('/classStarts')
    },
    Closingreview(){
      this.$router.push('/Closingreview')
    },
    release(){
      this.$router.push('/release')
    },
    addquota(){
      this.$router.push('/addquota')
    }
  }
}
</script>

<style lang="less" scoped>
.box-card{
        width: 91%;
        float: right;
        margin-right: 1%;
        margin-top: -43%;
        ul{
          li{
            list-style: none;
            float: left;
            margin-left: 5%;
            margin-bottom: 2%;
            text-align: center;
          }
        }
  }
  .topic{
      width: 91%;
        float: right;
        margin-right: 1%;
        margin-top: -30%;
        ul{
          li{
            list-style: none;
            float: left;
            margin-left: 5%;
            margin-bottom: 2%;
            text-align: center;
          }
        }
  }
  body{
  position: relative;
}
.headertitle{
  position: absolute;
  top: 0;
  z-index: 999;
  margin-top: 20px;
  margin-left: 180px;
  font-size: 16px;
}
</style>